<template>
  <div class="divBox">
    <el-card class="box-card">
      <div slot="header" class="clearfix">
        <el-steps :active="currentTab" align-center finish-status="success">
          <el-step title="商品信息"/>
          <el-step title="商品详情"/>
          <el-step title="商品设置"/>
        </el-steps>
      </div>
      <el-form ref="formValidate" v-loading="fullscreenLoading" class="formValidate mt20" :rules="ruleValidate"
               :model="formValid" label-width="120px" @submit.native.prevent>

      </el-form>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'MyLayout',
  data () {
    return {
      currentTab: 0,
      fullscreenLoading: false,
      ruleValidate: {
        storeName: [
          {required: true, message: '请输入商品名称', trigger: 'blur'}
        ]
      },
      pram: {
        author: null
      },
      created () {
        console.info(this.$route.query.orderNo)
      }
    }
  }
}
</script>

<style scoped>
  .el-row {
    margin-bottom: 20px;
  }
  .el-col {
    border-radius: 4px;
  }
  .bg-purple-dark {
    background: #99a9bf;
  }
  .bg-purple {
    background: #d3dce6;
  }
  .bg-green {
    background: #e5e9f2;
  }
  .bg-orange {
    background: #f7ba2a;
  }
</style>
